<!-- script biblioteca jQuery -->
<script src="../js/jquery.js"></script>
<!-- fim script biblioteca jQuery -->

<!-- script do slider da barra lateral -->
<!-- <script src="../js/s3Slider.js" type="text/javascript"></script> -->
<!-- fim script do slider da barra lateral -->

<!-- script do balaozim do login -->
<script src="../js/jquery-ui.js"></script>								<!-- CMG -->
<!-- <script src="../js/jquery-ui-1.8.14.custom.min.js"></script> -->	<!-- CAMPEONATO -->
<!-- fim script do balaozim do login -->

<script src="../js/modernizr.js"></script>

<link rel="stylesheet" type="text/css" href="../css/reset.css"
	media="screen" title="html5doctor.com Reset Stylesheet" />

<link rel="stylesheet" type="text/css" href="../css/css3.css"
	media="screen" />

<link rel="stylesheet" type="text/css" href="../css/general.css"
	media="screen" />

<link rel="stylesheet" type="text/css" href="../css/grid.css"
	media="screen" />

<!--[if (gte IE 6)&(lte IE 8)]>
    	<script src="../js/selectivizr.js"></script>
    <![endif]-->


<link type="text/css" href="/css/ui-lightness/jquery-ui-1.8.14.custom.css" rel="Stylesheet" />

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-24516828-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

<style>

body {
	font-family: Helvetica, Sans-Serif, Arial;
	font-size: 14px;
}

p {
	text-align: justify;
	padding: 7px;
	margin: 0px;
	line-height: 140%;
}

header {
	margin-bottom: 5px;
	border-bottom: 2px solid #525252;
	background-image: url("../img/back_header.png");
	height: 150px;
	width: 950px;
}

span.headerLogo {
	position: absolute;
	width: 330px !important;
	height: 150px !important;
	background: url(../img/logo.png) no-repeat top center;
	top: 20px;
	padding-left: 150px;
}

header nav {
	position: relative;
	left: 410px;
	width: 530px !important;
	height: 100px;
	top: 50px;
	text-align: left;
}

header nav ul {
	float: right;
	margin-top: 50px;
}

header nav ul li {
	float: left;
}

header nav ul li a {
	display: block;
	padding: 5px 15px;
	font-size: 19px;
	text-decoration: none;
}

header nav ul li a:hover {
	background-color: #eee;
	text-shadow: -1px -1px 0px #fff;
}

header nav ul li:last-child a {
	border-right: none;
}

#login_info {
	float: none;
	width: 100%;
	z-index: 1;
}

#login_info span {
	margin-top: 20px;
	float: right;
	text-align: right;
}

#login_info span a {
	display: block;
	padding: 10px 10px;
	font-size: 12px;
	text-decoration: none;
	float: left;
}

#login_info span a:hover {
	background-color: #eee;
	text-shadow: -1px -1px 0px #fff;
}

section div {
	width: 650px;
	display: inline;
	overflow: hidden;
	float: left;
	position: relative;
}

#barra_lateral {
	background-color: #FFCC29;
	min-height: 500px;
	padding: 5px;
	width: 280px;
	margin-left: 10px;
}

#barra_lateral h2 {
	color: black;
}

ul.recent {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.novidades {
	text-align: center;
}

ul.realiza {
	text-align: center;
}

ul.recent li {
	font-size: 1.052em;
}

.side_element {
	width: 100%;
	margin-bottom: 0px;
}

.side_element img{
	text-align: center;
}

.rede_social {
	width: 50px;
	height: 50px;
	padding: 15px;
}

article {
	padding: 5px;
	padding-bottom: 10px;
	background-image: url("../img/back_content.png");
	background-position: top right;
	background-repeat: no-repeat;
	min-height: 500px;
}

article a h3 {
	border-bottom: 2px solid #eee;
}

article a {
	text-decoration: none;
}

article .date {
	display: block;
	float: left;
	border: 1px dashed #ccc;
	margin-right: 15px;
	margin-bottom: 10px;
	background-color: #fff;
}

article .date .day {
	font-size: 2.5em;
	text-align: center;
	display: block;
	padding: 1px 10px;
}

article .date .month {
	background-color: #eee;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	font-weight: 600;
	color: #525252;
	display: block;
	text-align: center;
	padding: 3px;
}

article .date .year {
	font-size: 10px;
	text-align: center;
	color: #ccc;
	display: block;
}

article .more {
	display: block;
	float: right;
	background-color: #eee;
	text-decoration: none;
	padding: 3px;
}

h2 {
	border-bottom: 1px dashed #ccc;
}

footer {
	text-align: center;
	color: #666;
	font-size: 0.9em;
	padding: 4px 0px;
	border-top: 1px solid #525252;
}

label {
	width: 14em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

.submit {
	margin-left: 16em;
}

.error {
	text-align: center;
	color: white;
	background-color: #523030;
	font-size: 0.9em;
	padding: 4px 0px;
	border: 2px solid #520000;
}

.foto{
	text-align: left;
}

img.foto_h,
img.foto_v {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px; 
} 

img.foto_h {
	width: 308px;
	height: 220px;
}

img.foto_v {
	width: 221px;
	height: 300px;
}  
</style>
